<template>
  <div>
    <span @click="dialogVisible = true">
      <slot/>
    </span>
    <el-dialog v-bind="$attrs" :visible.sync="dialogVisible">
      <img :src="imgUrl" width="100%" alt="">
    </el-dialog>
  </div>
</template>
<script>
export default {
  name: 'ShowBigPic',
  props: {
    imgUrl: {
      type: String,
      default: ''
    }
  },
  data() {
    return {
      dialogVisible: false
    }
  }

}
</script>
